<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>自动化立体库</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="http://cdn.dowebok.com/98/css/animate.min.css">

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/json.js"></script>
    <script src="js/data.json"></script>
    <script src="http://cdn.dowebok.com/131/js/wow.min.js"></script>
    <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
      new WOW().init();
    };
    </script>

  </head>
  <body>
    <div class="about-bg" id="s1">
      <div class="nav-bg">
        <div class="logo">
          <img src="images/logo.png" alt="" width="50">
        </div>
        <div class="home_link-btn">
          <a class="home_link-item on" href="#s1">仓库管理系统</a>
          <a class="home_link-item" href="#s2">解决方案</a>
          <a class="home_link-item" href="#s3">周边设备</a>
          <a class="home_link-item" href="#s4">案例</a>
        </div> 
      </div>
      <div class="about-title">
        <img src="images/bg_text_2.png" class="wow fadeInDown">
        <div class="container about-title-exp wow fadeInDown">
          仓库管理系统是智能仓储、物流配送中心的核心与灵魂。
        </div>
        <a href="explain.html">
          <button type="button" class="btn btn-default wow fadeInDown">
          查看更多
          </button>
        </a>
      </div>
    </div>
    <div class="container" id="s2">
      <div class="main_01_title"> 
       <div class="wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1s"> 
        <span>大解决方案</span> 
        <div class="shuzi">
         7
        </div>
       </div> 
       <div class="neirong1 wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1.1s">
        为您量身定制物流系统解决方案
       </div> 
       <div class="neirong2 wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1.2s">
        高度库存储，仓库利用率高；工作效率高，大大减少作业等待时间；为您解决企业仓储的烦恼，从自动化到智动化还有多远...
       </div> 
      </div>
      <div class="solution-nav row wow fadeInUp animated">
          <!--<a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            横梁式自动化立体库
          </a>
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            穿梭式自动化立体库
          </a>
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            料箱式自动化立体库
          </a>
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            穿梭式储分一体自动化立体库
          </a>
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            双伸位自动化立体库
          </a>  
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            悬臂式自动化立体库
          </a>  
          <a href="detail.html" class="col-xs-8 col-sm-6 col-lg-3">
            <span class="glyphicon glyphicon-star"></span>
            非标自动化立体库
          </a> -->
      </div>
    </div>
    <div class="container section box-avg" style="height:680px">
      <div class="solution-bg">
      </div>
      <div class="box-left-fixed wow fadeIn">
        <img src="images/bg_solution.png" width="100%">
      </div>
      <div class="box-right-content wow fadeInRight" data-wow-delay=".5s">
        <img src="images/solution_1.png">
      </div>
    </div>
    <div class="solution-bg-fixed" id="s3">
      <div class="container">
        <div class="solution-title wow shake">
          <img src="images/bg_text_1.png">
        </div>
        <ul class="part-nav">
          <!-- <a href="detail.html">
          <img src="images/nav_pic1.png">
        </a> -->
        </ul>
      </div>
    </div>
    <div class="container" id="s4">
      <div class="main_01_title"> 
       <div class="wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1s"> 
        <span>大成功案例</span> 
        <div class="shuzi">
         4
        </div>
       </div> 
       <div class="neirong1 wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1.1s">
        为您量身定制物流系统解决方案
       </div> 
       <div class="neirong2 wow fadeInUp animated" data-wow-iteration="1s" data-wow-duration="1.2s">
        高度库存储，仓库利用率高；工作效率高，大大减少作业等待时间；为您解决企业仓储的烦恼，从自动化到智动化还有多远...
       </div> 
      </div>
      <div class="case-ct">
        <!-- <ul class="case-l">
          <li class="case-l-1"></li>
          <li class="case-l-2"></li>
          <li class="case-l-3"></li>
          <li class="case-l-4"></li>
        </ul>
        <ul class="case-r">
          <li class="case-r-t"></li>
          <li class="case-r-b">
            <img src="images/ico-case.png" alt="">
            <p><a href="case.html?cNum=0">了解更多案例</a></p>
          </li>
        </ul> -->
      </div>
    </div>
    <div class="footer">
      <div id="copyright" class="container section">
      </div>
    </div>
    <div class="go_top container" id="go_top">
      <a href="#top" title="回到顶部"><i class="glyphicon glyphicon-chevron-up"></i><p>返回顶部</p></a>
    </div>
    <script>
      $(function(){
        partData()
        solutionData()
        caseData()
        document.getElementById("copyright").innerHTML="Copyright© 2017-2019 ";
        $('.home_link-item').click(function() {
          $(this).addClass('on').siblings('a').removeClass('on');
        });
        // console.log(window.location.hash, '###');
        if (window.location.hash==='#s1') {
          $('.home_link-item:eq(0)').addClass('on').siblings('a').removeClass('on');
        }else if (window.location.hash==='#s2') {
          $('.home_link-item:eq(1)').addClass('on').siblings('a').removeClass('on');
        }else if (window.location.hash==='#s3') {
          $('.home_link-item:eq(2)').addClass('on').siblings('a').removeClass('on');
        }else if (window.location.hash==='#s4') {
          $('.home_link-item:eq(3)').addClass('on').siblings('a').removeClass('on');
        }
        document.getElementById("copyright").innerHTML=json.Copyright
      })
      function partData() {
        var html_1 = '';
        var part = json.part;
        for (var i = 0; i < part.length; i++) {
          if (i===0) {
            html_1 += '<li style="border-left:none;">'
          } else {
            html_1 += '<li>'
          }
          html_1 += '<a href="'+'part.html?pNum='+ i +'&sub_pNum=0" class="wow bounceInUp" data-wow-delay=".' + i + 's">';
          html_1 += '<img src="images/nav_pic' + (i + 1) + '.png">';
          html_1 += '<p>' + part[i].classify + '</p>';
          html_1 += '<span>' + part[i].sum + '</span>';
          html_1 += '</a></li>';
        }
        $('#s3 .part-nav').html(html_1)
      }
      function solutionData() {
        var html_2 = '';
        for (var i = 0; i < json.solution.length; i++) {
          // console.log('json', json.solution[i].title)
          if (i===0) {
            html_2 += '<a href="'+'solution.html?sNum='+ i +'">';
          } else if (i<4) {
            html_2 += '<a style="border-left:none;" href="'+'solution.html?sNum='+ i +'">';
          } else if (i===4) {
            html_2 += '<a style="border-top:none;" href="'+'solution.html?sNum='+ i +'">';
          } else {
            html_2 += '<a style="border-top:none;border-left:none;" href="'+'solution.html?sNum='+ i +'">';
          }
          html_2 += json.solution[i].title;
          html_2 += '</a>';
        }
        $('#s2 .solution-nav').html(html_2)
      }
      function caseData() {
        var html_3 = '';
        html_3 += '<ul class="case-l wow fadeInLeft">'
        for (var i = 0; i < 4; i++) {
          html_3 += '<li class="'+'case-l-'+(i+1)+'">'
          html_3 += '<p>'
          html_3 += '<a href="'+'case.html?cNum='+ i +'">'+json.case.example[i].name+'</a>'
          html_3 += '</p>'
          html_3 += '</li>'
        }
        html_3 += '</ul>'
        html_3 += '<ul class="case-r wow fadeInRight">'
        html_3 += '<li class="case-r-t"></li>'
        html_3 += '<li class="case-r-b">'
        html_3 += '<i class="glyphicon glyphicon-hdd"></i><br>'
        html_3 += '<a href="case.html?cNum=0">查看详情</a>'
        html_3 += '</li>'
        html_3 += '</ul>'
        $('#s4 .case-ct').html(html_3)
      }
      $(document).ready(function(){
        $('.case-l').children('li').mouseover(function(){
          $(this).children('p').show()
        });
        $('.case-l').children('li').mouseout(function(){
          $(this).children('p').hide()
        });
      });
    </script>
  </body>
</html>